@import "reset.css";
@import "skeleton.css";
@import "font-awesome.css";
@import "superfish.css";


@import url(//fonts.googleapis.com/css?family=Open+Sans:400);
@import url(//fonts.googleapis.com/css?family=Open+Sans:600);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300);

html {
	width: 100%;

}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}

* {
	-webkit-text-size-adjust: none;
}

body {
	position: relative;
	min-width: 960px;
    background-color: #e1e1e1;
    color: #005a89;
    font: 14px/24px Arial, Helvetica, sans-serif;
}

strong {
	font-weight: 700;
}

address {
	font-style: normal;
}

p {
	margin-bottom: 24px;
}

.p1 {
    margin-bottom: 14px;
}


input {
	border-radius: 0 !important;
	outline: none !important;
}


img {
	max-width: 100%;
}



/****Heads****/


h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	color: #3e454c;
}

h2 {
    padding-top: 103px;
    font-size: 70px;
    line-height: 60px;
    font-weight: 600;
    color: #3e454c;
    margin-bottom: 31px;
    text-transform: uppercase;
}

h2 span {
    padding-top: 45px;
    font-size: 35px;
    line-height: 35px;
    color: #8abbca;
    font-weight: 300;
    display: block;
}

h3 {
    padding-top: 95px;
    font-size: 35px;
    line-height: 30px;
    color: #3e454c;
    margin-bottom: 33px;
    text-transform: uppercase;
}

h3.head1 {
    padding-top: 103px;
}

h3.head2 {
    padding-top: 98px;
}

.page1 h3 {
    padding-top: 104px;
    margin-bottom: 33px;
}

h3.pt0 {
    padding-top: 0;
}

/****Lists****/


ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.list {
}


ul.list li {
    background: url(../images/marker.png) 0 7px no-repeat;
    border-bottom: 1px solid #f9f9f9;
    padding-left: 28px;
    padding-bottom: 8px;
}

ul.list li+li {
    margin-top: 7px;
}
/****Links****/


a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #8abbca;
}

a.btn {
    color: #fff;
    background-color: #8abbca;
    font: 600 15px/20px 'Open Sans', sans-serif;
    padding: 14px 20px 16px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 29px;
}

a.btn:hover {
    background-color: #3e454c;
}


/****classes****/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}
.pad0 {
	padding: 0 !important;
}

.pad1 {
}


.img_inner {
	max-width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	margin-top: 5px;
}


.fleft {
	float: left;
	width: auto !important;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-top: 7px;
}


.oh {
	overflow: hidden;
}
.fright {
	float: right !important;
}
.upp {
	text-transform: uppercase;
}

.alright {
	text-align: right;
}
.center {
	text-align: center;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}

.nowrap {
    white-space: nowrap;
}
/*header*/

header {
	display: block;
    background-color: #005a89;
    padding-top: 25px;
	width:100%;
	height:100px;
}

header h1 {
	position: relative;
    float: left;
	text-align: center;
    margin-bottom: 55px;
    margin-left: 66px;
}


header h1 a {
	display: inline-block;
	overflow: hidden;
	width: 283px;
    height: 58px;
	font-size: 0;
	line-height: 0;
	
	text-indent: -999px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
header h1 a img {
	display: block;
}

.main_color {
    
}

.page1_block img {
    margin-top: 41px;
    float: left;
    margin-right: 102px;
}

.page1_block {
    padding-bottom: 115px;
    font: 300 20px/20px 'Open Sans', sans-serif;
    color: #3e454c;
    text-transform: uppercase;
}

.page1_block a {
    color: #fff;
    background-color: #8abbca;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    padding: 22px 36px 24px;
    display: inline-block;
    margin-top: 42px;
}

.page1_block a:hover {
    background-color: #3e454c;
}

/**Content**/

.top_block {
    padding-bottom: 108px;
    background-color: #f3f3f0;
    line-height: 23px;
}

.top_block  .title {
    margin-bottom: 18px;
    text-transform: uppercase;
    padding-top: 100px;
    font: 300 40px/40px 'Open Sans', sans-serif;
    color: #8abbca;
}

.top_block  .title span {
    display: block;
    font-size: 20px;
    line-height: 30px;
    padding-top: 5px;
    color: #363947;
}

.top_block  .title img {
    display: block;
    margin-bottom: 34px;
}

.content {
    padding-bottom: 126px;
    background-color: #fff;

}
.page1  .content {
    padding-bottom: 128px;
}

.col1 {
    color: #8abbca !important;
}

.col1:hover a {
    color: #3e454c;
}

.text1 {
    font: 300 25px/30px 'Open Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.element .text1{
    color: #3e454c;
    margin-bottom: 42px;
    font-size: 20px;
    line-height: 20px;
}

.element>div {
    padding: 0 10px 76px;
}

#options .selected {
    color: #8abbca;
}

#options {
    margin-bottom: 66px;
    padding-top: 88px;
    text-transform: uppercase;
    font: 300 18px/35px 'Open Sans', sans-serif;

}

#options li {
    float: left;
    color: #3e454c;
}

#options li+li {
    margin-left: 14px;
}

.el {
    margin: 0 -10px 0;
}


a.gal {
    display: block;
    background: url(../images/magnify.png) center center no-repeat #8ABBCA;
}

a.gal img {
    display: block;
    width: 100%;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

a.gal:hover img {
    opacity: 0.2;
}

.block1 .fa {
    width: 134px;
    margin-right: 34px;
    text-align: center;
    font-size: 120px;
    line-height: 156px;
    color: #3e454c;
    display: block;
    float: left;
}

#container {
    margin-bottom: 20px;
}

#accordion {
    position: relative;
    top: 6px;
    background-color: #f3f3f0;
}

#accordion dt {
    color: #8abbca;
    border-top: 1px solid #fff;
    font: 300 25px/30px 'Open Sans', sans-serif;
    text-transform: uppercase;
}

#accordion dt  a {
    display: block;
    padding: 9px 20px;
    position: relative;
}

#accordion dt a:after {
    content: '';
    font-family: 'FontAwesome';
    position: absolute;
    height: 20px;
    line-height: 20px;
    font-size: 24px;
    color: #3e454c;
    right: 29px;
    top: 50%;
    margin-top: -12px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

#accordion dt a:before {
    content: '';
    opacity: 0;
    font-family: 'FontAwesome';
    position: absolute;
    height: 20px;
    line-height: 20px;
    font-size: 24px;
    color: #3e454c;
    right: 24px;
    top: 50%;
    margin-top: -11px;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

#accordion dt a:hover:after,
#accordion dt.ui-accordion-header-active a:after
{
    opacity: 0;
}

#accordion dt a:hover:before,
#accordion dt.ui-accordion-header-active a:before
{
    opacity: 1;
}

#accordion dd {
    padding: 1px 16px 23px 18px;
}

.block2 {
    padding-bottom: 7px;
    line-height: 23px;
}

.block2 .fa{
    display: block;
    font-size: 60px;
    line-height: 60px;
    padding-top: 3px;
    color: #3e454c;
    margin-bottom: 18px;
}

.block2 .title {
    color: #363947;
    margin-bottom: 18px;
    text-transform: uppercase;
    font: 300 20px/30px 'Open Sans', sans-serif;
}

.blog {
    line-height: 23px;
    padding-top: 2px;
}

.blog .links {
    border-bottom: 1px solid #d7d7da;
    padding-bottom: 15px;
    margin-bottom: 37px;
    font: 300 15px/23px 'Open Sans', sans-serif;
    color: #3e454c;
}

.blog .links  time {
    text-transform: uppercase;
}


.blog+.blog {
    margin-top: 63px;
}


.blog .links a {
    display: block;
    float: right;
    margin-top: 0;
}
.blog .links a span {
    display: inline-block;
    margin-right: 10px;
    margin-top: 4px;
}
.blog .links a span.fa-cogs {
    color: #0F1018;
    margin-right: 0;
}

.blog .links a:hover span.fa-cogs {
    color: #8abbca;
}

.blog .links a + a {
    margin-right: 37px;
}
.blog .title {
    text-transform: uppercase;
    margin-bottom: 19px;
    font: 300 25px/23px 'Open Sans', sans-serif;
}

.post  {
    line-height: 23px;
}

.post+.post {
    margin-top: 45px;
}

.post .title {
    text-transform: uppercase;
    font: 300 20px/23px 'Open Sans', sans-serif;
}

.post+a.btn {
    margin-top: 36px;
}

.post .fleft {
    margin-top: 6px;
    margin-right: 10px;
}

.post time {
    text-transform: uppercase;
    font: 300 14px/23px 'Open Sans', sans-serif;
    display: block;
    margin-bottom: 5px;
    color: #363947;
}

.prv p {
    margin-bottom: 36px;
}

/**Map**/

.map {
    overflow: hidden;
    position: relative;
    padding-bottom: 5px;
}
 

.map figure {
    padding-top: 7px;
    position: relative;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.map figure iframe {
	width: 100%;
	height: 356px;
	max-width: 100%;
}
.map address {
    padding-top: 34px;
    line-height: 23px;
	display: block;
}

.map address dt {
    font-size: 20px;
    line-height: 23px;
    color: #3e454c;
    margin-bottom: 8px;

}

 address dd span {
	min-width: 74px;
	display: inline-block;
	text-align: left;
}

.map address dd span.col1 {
	min-width: 0;
}

a.link-1 {
    text-decoration: underline;
   color: #8abbca;
}



a.link-1:hover {
    color: #3e454c;
}



/**Footer**/

footer {
	display: block;
    padding: 0px 0 40px;
    color: #6d7b89;
    font-family: 'Open Sans', sans-serif;
	background:#222;
}

.copy {
    padding-top: 48px;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.copy strong {
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
}

.socials {
    padding-top: 42px;
    float: right;
    overflow: hidden;
}

.socials a {
    display: block;
    border-radius: 500px;
    float: left;
    width: 34px;
    height: 34px;
    background: url(../images/socials.png) 0 0 no-repeat #2e343a;
}

.socials a:hover {
    background-color: #8abbca;
}

.socials a+a {
    background-position: -43px 0;
    margin-left: 9px;
}

.socials a+a+a {
    background-position: -86px 0;
}

.socials a+a+a+a {
    background-position: right 0;
}
footer address {
    position: relative;
    padding-left: 47px;
    padding-top: 77px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 17px;
}

footer address img {
    position: absolute;
    left: 0;
    top: 80px;
}

footer address span{
    display: block;
    margin-bottom: 3px;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 51%;
    margin-left: 500px;
    overflow: hidden;
    width: 58px;
    height: 58px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    outline: none;
    background-position: right 0;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 995px) {
 body {
 min-width: 768px;
}

 .map figure,  .map figure iframe,  #form input,  #form textarea,  #form .success {
 width: 100% !important;
 float: none !important;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}
 .extra_wrapper {
 overflow: visible;
}

.map figure {
	margin-bottom: 15px;
}

.nowrap {
    white-space: normal;
}

.page1_block img {
    margin-right: 20px;
}

#accordion dt {
    font-size: 18px;
}

h3 {
    line-height: 45px;
}

}


@media only screen and (max-width: 767px) {
body {
    min-width: 420px;
}

.blog .links a {
    float: left;
}

.blog .links {
    overflow: hidden;
}

.blog .links  time {
    padding-bottom: 10px;
}

.blog .links a+a {
    margin-right: 0;
    margin-left: 20px;
}

.blog time {
    display: block;
}

.block2 {
    padding-top: 60px;
}

.page1_block img {
    float: none;
    width: 100%;
    margin-right: 0;
}

#newsletter {
    padding-top: 20px;
}

#newsletter a {
    margin-top: 30px;
}

.map address +address {
    margin-left: 0;
    float: none;
    margin-top: 20px;
}

header h1 {
	display: block;
	width: auto;
    position: relative;
	height: auto;
    margin-left: 0;
    margin-bottom: 40px;
}

.img_inner {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
}

h1 a {
	max-width: 90%;
}

.img_inner img {
	width: 100%;
}

header h1 {
    float: none;
    text-align: center;
}

header h1 a {
 	width: auto;
 	display: inline-block;
    height: auto;
}


 .map {
 	padding-right: 0px !important;
 }

 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
 	margin-right: 0;
}

.content .noresize {
 width: auto !important;
 float: left !important;
 margin-right: 20px !important;
 margin-top: 4px !important;
}

 .img_inner {
 margin-top: 30px;
}

.map address {
    float: none;
}

.socials {
    float: none;
}

#owl {
    margin-left: 0;
    margin-right: 0;
}

#owl .item {
    padding-left: 3;
    padding-right: 0;
}

#options li {
    float: none;
    margin-left: 0 !important;
}

}

@media only screen and (max-width: 479px) {
 body {
 min-width: 300px;
}


.block1 .fa {
    float: none;
    width: auto;
}

h2 {
    font-size: 50px;
    line-height: 55px;
}

.caption {
   margin-left: -150px;
}

.camera_pag {
      margin-right: -150px;

}

}

.menu {
	width:650px;
margin-top:35px;
float:right;
	
}

.menu li {
	float:left; 
	position:relative;
	margin:0 10px 0 10px;
	
}
.menu li:first-child {background:none; padding-left:0;}
.menu > li > a {
	display:inline-block; 
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-size:18px; 
	line-height:1.2em; 
	padding:0; 
	color:#000; 
	
	
}

.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {color:#fff;}
.menu li a .sf-sub-indicator {
	display:block;
	width:10px;
	height:5px;
	text-indent:-9999px;
	background:url(../images/icon.png) 0 0 no-repeat;
	position:absolute;
	left:30px;
	top:-999em;
	z-index:99;
	color:#f00;
}


	.menu li.sfHover a .sf-sub-indicator {top:38px;}
.menu ul {
	position:		absolute;
	padding:		6px 0 8px 20px;
	top:			-999em;
	width:			131px;
	background:		#303030;
}
.menu ul ul {background:#434343;}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {background:none; padding:7px 0 6px;}
.menu li li a {
	display:		inline-block;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	line-height:	15px;
	font-weight:	bold;
	color:			#a5a5a5;
	text-transform:capitalize;
}
.menu li li > a:hover, 
.menu li li.sfHover > a {
	color:#6bd800; 
}